<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>添加订单-</title>
<link rel="stylesheet" type="text/css" href="css/css.css" />
<!-- 自动补全样式 -->
<link rel="stylesheet" type="text/css" href="css/jquery.autocomplete.css" />
<!-- 自动补全js -->
<script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="js/jquery.autocomplete.js"></script>
<!-- 日历插件js -->
<script type="text/javascript" src="js/calendar/WdatePicker.js"></script>
<style>
	td{border:0px}
	.bor {
    border: 0px solid #ccc;
}
</style>
</head>
<body>
	<div id="pageAll">
		<div class="pageTop">
			<div class="page">
				<img src="img/coin02.png" />
				<span><a href="main.do">首页</a>&nbsp;-&nbsp;<a href="getAllOrders.do">订单管理</a>&nbsp;-&nbsp;添加订单</span>
			</div>
		</div>
		<div class="page ">
			<!-- 上传广告页面样式 -->
			<div class="banneradd bor">
				<form action="addOrder.do" id="orderform" method="post">
				<div class="baTopNo">
					<span>订单基本信息</span>
					<hr/>
				</div>
				<div class="baBody" >
					<table >	
						<tr class="bbD"  >
							<td class="td">产品名称：</td>
							<td ><input type="text" class="input3" id="oname" name="name" />	</td>
							<td><span id="checkName"></span></td>				
						</tr>
						<tr class="bbD">
							<td class="td">合同名称：</td>
							<td> <input type="text" id="contractName" onblur="checkContract()" class="input3" /> </td>
							<td> <span id="tip"></span></td>
							<td><input type="hidden" name="coid" id="coid"></input></td>
						</tr>
						<tr class="bbD">
							<td class="td">机构名称：</td>
							<td><input type="text" readonly="readonly"  id="orgname" class="input3"/></td>
							
							<td><input type="hidden" name="oid" id="oid"></input></td>
						</tr>
						<tr class="bbD" >
							<td class="td">产品类别：&nbsp;</td>
							<td>
								
								<input type="checkbox" onclick="return false;" name="checkbox" id="allcheck"/>全部&nbsp;
								<input type="checkbox" onclick="return false;" name="checkbox" id="apro" />网站专区&nbsp;
								<input type="checkbox" onclick="return false;" name="checkbox" id="bpro"/>手机APP&nbsp;
								<input type="checkbox" onclick="return false;" name="checkbox" id="cpro"/>微刊&nbsp;
							</td>
						</tr>
						
						<tr class="bbD">
							<td class="td">经办人：</td>
							<td><input type="text" readonly="readonly"  id="ename" class="input3"/></td>
						</tr>
						<tr class="bbD">
							<td class="td">联系人：</td>
							<td><input type="text" readonly="readonly"  id="cname" class="input3"/></td>
						</tr>
						<tr class="bbD">
							<td class="td">审核状态：</td>
							<td><input type="text" readonly="readonly"  id="checkstate" class="input3"/></td>
						</tr>
						<tr class="bbD">
							<td class="td">产品状态：</td>
							<td>
								<select class="input3" name="productstate" >
									<option value="0">未开通</option>
									<option value="1">开通</option>
								</select>
							</td>
						</tr>
						<tr class="bbD">
							<td class="td">使用状态：</td>
							<td>
								<select class="input3" name="usestate">
									<option value="1">未使用</option>
									<option value="2">试用</option>
									<option value="3">正式使用</option>
								</select>
							</td>	
						</tr>
						<tr class="bbD">
							<td class="td">开通日期：</td>
							<td><input type="text" class="input3" name="spassdate" id="passdate" readonly="readonly" onclick="WdatePicker()" />
							</td>
							<td ><span id="writepd"></span></td>
						</tr>

					</table>	
						<input type="button" id="yes" value="确定"/>
						<input type="button" id="no" onclick="window.location.href='getAllOrders.do'" value="取消"/>
						
				</div>
				</form>
			</div>

			<!-- 上传广告页面样式end -->
		</div>
	</div>

<script>
var oname = null;
var contractName = null;
var passdate = null;
var names ; //定义数据  
//开始函数  
$().ready(function(){  
$.ajax({  
	url: "getContractNameList", 
type:'POST',    
dataType: "json",  
success:function(data){  
  names = data;  
  autocompleteFn(names);  
}  
});  
});  
//自动 补全方法  
function autocompleteFn(names){  
$("#contractName").autocomplete(names,{  
 minChars:1,  
 max: 5,  
 dataType:"json",  
 autoFill: true,  
 mustMatch: true,  
 matchContains: true,  
 scrollHeight: 220,
 formatItem: function(data, i, total) {  
   return "<I>"+data.contractName+"</I>";  
 },  
 formatMatch: function(data, i, total) {  
   return data.contractName;  
 },  
 formatResult: function(data) {  
   return data.contractName;  
 }  
}).result(function(event,data){
	   
		/* 合同id */
		$("#coid").val(data.coid);
		/* 机构名称 */
		$("#orgname").val(data.orgname);
		/* 机构id */
		$("#oid").val(data.oid);
		/* 经办人 */
		$("#ename").val(data.ename);
		/* 联系人 */
		$("#cname").val(data.cname);
		/* 合同审核状态 */
		if(data.checkstate== 1){
			$("#checkstate").val("未审核");
		}else if(data.checkstate == 2){
			$("#checkstate").val("审核中");
		}else{
			$("#checkstate").val("已审核");
		}
		
		/*根据返回值对产品做选择判断  */
		if(data.apro==1){
			$("#apro").prop("checked",true);
		}else{
			$("#apro").prop("checked",false);
		}
		if(data.bpro==1){
			$("#bpro").prop("checked",true);
		}else{
			$("#bpro").prop("checked",false);
		}
		if(data.cpro==1){
			$("#cpro").prop("checked",true);
		}else{
			$("#cpro").prop("checked",false);
		}
		if(data.apro==1&&data.bpro==1&&data.cpro==1){
			$("#allcheck").prop("checked",true);
		}else{
			$("#allcheck").prop("checked",false);
		}
});  
}  





$(function(){
	oname = $("#oname");
	contractName =$("#contractName");
	passdate = $("#passdate");
	
	oname.attr("validateStatus",false);
	contractName.attr("validateStatus",false);
	
})
	
	/* 合同名框失去焦点，先清除之前遗留的信息，再根据合同名称搜索合同信息，合同名称需要输入全名 */
	 function checkContract(){
	/* 清除之前遗留信息 */
	$("#tip").html("");
	
		/* 根据合同名搜索合同信息 */
		if(contractName.val()==null||contractName.val()==""){
			$("#tip").css({"color":"red"});
    		$("#tip").html("请输入合同名");
    		contractName.attr("validateStatus",false);
    		/* 当合同名输入为空时，之前所有数据均为空 */
    		/* 合同id */
    		$("#coid").val("");
    		/* 机构名称 */
    		$("#orgname").val("");
    		/* 机构id */
    		$("#oid").val("");
    		/* 经办人 */
    		$("#ename").val("");
    		/* 联系人 */
    		$("#cname").val("");
    		/* 审核状态 */
    		$("#checkstate").val("");
    		/* 复选框 */
    		$("#apro").prop("checked",false);
    		$("#bpro").prop("checked",false);
    		$("#cpro").prop("checked",false);
    		$("#allcheck").prop("checked",false);
		}else{
			 
			contractName.attr("validateStatus",true);
		}
	} 
	
	
/* 对订单名做唯一性验证 */
	$("#oname").blur(function(){
		
		if(oname.val()==null||oname.val()==""){
			$("#checkName").css({"color":"red"});
			$("#checkName").html("请输入订单名");
			oname.attr("validateStatus",false);
		}else{
		$.ajax({
			url:"checkOrder.do",
			method:"get",
			data:{oname:oname.val()},
			dataType:"json",
			success:function(data){
				if(data.result=="false"){
					$("#checkName").css({"color":"red"});
					$("#checkName").html("订单名已存在，请重新输入");
					oname.attr("validateStatus",false);
				}else if(data.result == "true"){
					$("#checkName").css({"color":"green"});
					$("#checkName").html("订单名可用");
					oname.attr("validateStatus",true);
				}
			}
			
		})
		}
	})
/* 添加时对各输入项做正常验证 */
$("#yes").click(function(){

	if(oname.attr("validateStatus")!="true"){
		oname.blur();
	}else if(contractName.val()==null&&contractName.val()==""){
		checkContract();
	}else if(passdate.val()==null||passdate.val()==""){
		$("#writepd").css({"color":"red"});
		$("#writepd").html("请输入开通日期");
	}else{
		if(confirm("是否确认提交数据")){
			$("#orderform").submit();
		}
	}

})
	
</script>
</body>
</html>